<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="./libs/scrollReveal/scrollreveal.min.js"></script>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
    <link
      rel="stylesheet"
      href="https://cdn.bootcss.com/font-awesome/5.11.2/css/all.css"
    />
    <link rel="stylesheet" href="./libs/glide/glide.core.min.css" />
    <link rel="stylesheet" href="./libs/glide/glide.theme.min.css" />
    <link rel="stylesheet" href="style.css" />
    <title>关于-猪猪の宠物世界</title>
  </head>
  <body>
    <div id="app">
      <header class="sticky">
        <div class="logo">猪猪の宠物店</div>
        <nav>
          <a href="./index.html">首页</a>
          <a href="./about.html">关于我们</a>
          <a href="./news.html">公司动态</a>
          <i class="fas fa-search"></i>
        </nav>
        <div class="burger">
          <div class="burger-line1"></div>
          <div class="burger-line2"></div>
          <div class="burger-line3"></div>
        </div>
      </header>
      <div class="content-wrapper">
        <section id="about-us" class="about-us">
          <h2 class="title1">关于我们</h2>
          <p class="intro">
            我们是一家服务于广大体验生活的宠物爱好者，通过提供优质的宠物服务闻名。
          </p>
          <div class="features">
            <div class="feature">
              <i class="fas fa-lightbulb"></i>
              <h4 class="feature-title">宠物寄养</h4>
              <p class="feature-content">
                我们接受客户所寄养的宠物，同时我们也会积极接收流浪宠物
              </p>
            </div>
            <div class="feature">
              <i class="fas fa-heart"></i>
              <h4 class="feature-title">宠物领养</h4>
              <p class="feature-content">
                我们提供免费的宠物领养服务，同时接受社会捐赠
              </p>
            </div>
            <div class="feature">
              <i class="fas fa-fire"></i>
              <h4 class="feature-title">接种疫苗</h4>
              <p class="feature-content">
                我们提供接种疫苗的服务，接种疫苗的费用需要客户自行承担
              </p>
            </div>
            <div class="feature">
              <i class="fas fa-dog"></i>
              <h4 class="feature-title">宠物造型</h4>
              <p class="feature-content">
                谁不想自己的宠物美美哒，我们的造型师tony老师已经按耐不住了
              </p>
            </div>
            <div class="feature">
              <i class="fas fa-tachometer-alt"></i>
              <h4 class="feature-title">健康建议</h4>
              <p class="feature-content">
                我们的客服小姐姐能够解答日常养宠的小窍门，等你来问
              </p>
            </div>
            <div class="feature">
              <i class="fas fa-lightbulb"></i>
              <h4 class="feature-title">社会捐赠</h4>
              <p class="feature-content">
                由于我们是无偿领养，日常的开销很大，希望接受大家的捐赠
              </p>
            </div>
          </div>
        </section>
        <section class="map">
            <div class="map-content" id="dituContent"></div>
        </section>
        
      </div>
      <footer>
        <div class="footer-menus">
          <div class="contact-us">
            <p class="menu-title">联系我们</p>
            <p>地址：中国福建省福州市闽侯县闽江学院</p>
            <p>电话：13645063478</p>
            <p>传真：13645063478</p>
            <p>电子邮箱：929682749@qq.com</p>
          </div>
          <div class="service-menu footer-menu">
            <p class="menu-title">服务概览</p>
            <ul class="menu-items">
              <li><a href="#">宠物寄养</a></li>
              <li><a href="#">宠物领养</a></li>
              <li><a href="#">宠物造型</a></li>
              <li><a href="#">疫苗接种</a></li>
            </ul>
          </div>
          <div class="service-menu footer-menu">
            <p class="menu-title">宠物展示</p>
            <ul class="menu-items">
              <li><a href="#">桌面网站</a></li>
              <li><a href="#">移动网站</a></li>
              <li><a href="#">领养项目</a></li>
              <li><a href="#">软件App</a></li>
            </ul>
          </div>
          <div class="service-menu footer-menu">
            <p class="menu-title">公司动态</p>
            <ul class="menu-items">
              <li><a href="#">信息公开</a></li>
              <li><a href="#">最近新闻</a></li>
              <li><a href="https://blog.cloudhao.top" target="_blank">最新博客</a></li>
            </ul>
          </div>
          <div class="service-menu footer-menu">
            <p class="menu-title">帮助与支持</p>
            <ul class="menu-items">
              <li><a href="#">帮助中心</a></li>
              <li><a href="#">联系客服</a></li>
              <li><a href="#">文档资源</a></li>
            </ul>
          </div>
          <p class="icp-info">闽ICP备18027236号</p>
          <p class="rights">
            &copy; 2020 猪猪の宠物世界 版权所有
          </p>
          <div class="scrollToTop">
            <a href="#home"><i class="fas fa-chevron-up"></i></a>
          </div>
        </div>
      </footer>
    </div>
    <script src="./libs/isotope/isotope.pkgd.min.js"></script>
    <script src="./libs/anime/anime.min.js"></script>
    <script src="./libs/glide/glide.min.js"></script>
    <script src="./libs/smooth-scroll/smooth-scroll.polyfills.min.js"></script>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=dyYlKkmV88vS5jbXKkhEdzoobi1N5ueU&s=1"></script>
    <script src="./about.js"></script>
  </body>
</html>
